import { Section } from "@/components";
import styles from "./index.module.scss";
/**
 * 准备动作
 */
const Anticipation = () => {
  return (
    <Section className={styles.wrapper}>
      <div className={styles.desc}>
        <h4>2.准备动作</h4>
        <p>准备动作用于为主要的动画动作做好准备，并使动作看起来更逼真</p>
        <p>小球向上滚动，每次向上滚动的时候都会先向后摆一下</p>
        <p>这可以理解为是一个蓄力动作，即准备动作</p>
      </div>
      <div className={styles.demoWrapper}>
        <div className={styles.box}></div>
        <div className={styles.hill}></div>
      </div>
    </Section>
  );
};

export default Anticipation;
